<template>
	<view class="zy_icon_container">
		<i :class="'zyIcon '+name" :style="iconStyle ||'color:#222'" class="zy_icon"></i>
	</view>
</template>

<script>
	export default {
		emits: [],
		props: {
			name: {
				type: String,
				default: ""
			},
			iconStyle: {
				type: String
			},
		},
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	// @import './index.scss';
	// 引用图标
	@import url('../zy-icon/static/iconfont/iconfont.css');
	/* 白色 */
	$zy-classic-white: #ffffff;

	/* 黑色 */
	$zy-classic-black: #222222;

	/* 灰色 */
	$zy-classic-grey: #999999;
	$zy-light-grey: #e9e9e9;

	.zy_icon_img {}
</style>
